<template>
  <div>
    <el-col :span="4">
      <el-select  v-model="value" placeholder="请选择" multiple="">
        <div class="all-box"><el-checkbox v-model="checkAll" @change="handleCheckAll">全选</el-checkbox></div>
        <el-option
            v-for="item in multipleOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value">
        </el-option>
      </el-select>
    </el-col>
  </div>
</template>

<script>
export default {
  data(){
    return{
      checkAll:'',
      value:'',
      multipleOptions: [{
        value: '1',
        label: '选项文案'
      }, {
        value: '2',
        label: '选项文案'
      }, {
        value: '3',
        label: '选项文案'
      }, {
        value: '4',
        label: '选项文案'
      }, {
        value: '5',
        label: '选项文案'
      }],
    }
  },
  methods:{
    handleClose(done) {
      this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
    },
    handleChange(value) {
      console.log(value);
    },
    handleNodeClickTestingUnit(data){

      let datalist = this.$refs.treeTestingUnit.getCheckedNodes()
      let idsList = this.$refs.treeTestingUnit.getCheckedKeys()

      datalist.forEach((item) => {
        this.value1.push(item.title)
      })
      console.log("datalist:",datalist,"idsList:",idsList)
    },
    handleTestSelectVal(){
      console.log("handleTestSelectVal:",this.testSelectVal)
    },
    handleCheckAll(){

    }
  }
}
</script>

